<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form name="form1" id="form1">
			用户名：
			
			
		</form>
		
		<form id="form2">
			选择年份<select id="sel1"></select>
		</form>
		
		<button onclick="add()">添加</button>
		
		<script>
			function add(){
				console.log("add()")
				
				// <input type="text" name="username">
				// 1. 创建网页元素
				var txt = document.createElement("input")
				// 2. 设置属性
				txt.type="text";
				txt.name="username";
				// 3. 放到页面的某个元素下
				form1.appendChild(txt);
			}
			
			for(var years = 2024;years>=2000;years--)
			{
			// 创建一个选项标签
			var op1 = document.createElement("option");
			// 创建一个文本内容
			var op1txt = document.createTextNode(years);
			// 将文本放入option标签
			op1.appendChild(op1txt);
			// 讲选项添加到年份的下拉框
			sel1.appendChild(op1);
			}
			// 练习： 使用循环添加 2000 ~ 2024 年 
			
		</script>
	</body>
</html>